<!--
 * @Author: Aaron
 * @Date: 2022-03-17 18:51:14
 * @LastEditors: Aaron
 * @LastEditTime: 2022-03-30 21:04:45
 * @Description: file content
 * @FilePath: \ias_ui\src\views\new-item\readOnly\index.vue
 * @Company: 沃尔玛
-->
<template>
  <SwitchingTable v-model="value" :component-list="componentList">
    <component :is="value" :menu-name="value" />
  </SwitchingTable>
</template>

<script>
import SwitchingTable from '@/views/coi/components/SwitchingTable'
import OnlineBuildingProducts from './list'
import OfflineConstructionProducts from './OfflineConstructionProducts'
export default {
  components: {
    SwitchingTable,
    OnlineBuildingProducts,
    OfflineConstructionProducts
  },
  data() {
    return {
      value: 'OfflineConstructionProducts',
      componentList: [
        {
          name: '线上建品',
          id: 'OfflineConstructionProducts'
        },
        {
          name: '线下建品',
          id: 'OnlineBuildingProducts'
        }
      ]
    }
  }
}
</script>
<style lang="scss" scoped></style>
